<template>
    <div :class="$attrs.page ? '' : 'searchbar'" style="display:flex;justify-content: space-between;">
        <div style="display:flex">
          <search-template v-bind="$attrs" v-on="$listeners" style="margin-right:10px"></search-template>
        <search-filter v-bind="$attrs" v-on="$listeners" style="margin-right:10px"></search-filter>
        <search-user v-bind="$attrs" v-on="$listeners" style="margin-right:10px"></search-user>
        <search-btn v-bind="$attrs" v-if="$attrs.page !== 'nextTicketSetting'" v-on="$listeners"></search-btn>
        <advancedRule ref="advancedRule" v-if="$attrs.page === 'nextTicketSetting'&&$attrs.gadgetSetting&&$attrs.gadgetSetting.showCustomRule" v-bind="$attrs" v-on="$listeners"></advancedRule>
        </div>
        <next-ticket-layout v-if="$attrs.page !== 'nextTicketSetting'" v-bind="$attrs" style="float:right" v-on="$listeners"></next-ticket-layout>
    </div>
</template>

<script>
import searchTemplate from '@/components/gadget/next-ticket-view/components/next-ticket-search/search-template'
import searchFilter from '@/components/gadget/next-ticket-view/components/next-ticket-search/search-filter'
import searchUser from '@/components/gadget/next-ticket-view/components/next-ticket-search/search-user'
import searchBtn from '@/components/gadget/next-ticket-view/components/next-ticket-search/search-btn'
import nextTicketLayout from '@/components/gadget/next-ticket-view/components/next-ticket-search/next-ticket-layout'
import advancedRule from '@/components/gadget/next-ticket-view/components/next-ticket-search/advanced-rule'
export default {
  name: 'next-ticket-search',
  components: {
    searchTemplate,
    searchFilter,
    searchUser,
    searchBtn,
    nextTicketLayout,
    advancedRule
  },
  data () {
    return {
    }
  }
}
</script>

<style scoped lang="scss">
.searchbar {
  height: 72px;
  padding: 20px 20px 20px 20px;
}
</style>
